<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>湖北师范大学本科教学审核评估网</title>
  <link rel="stylesheet" href="css/main.css">
</head>  
<script src="lib/jquery-3.1.1.min.js"></script>
<script>
  $(function() {
    //图片轮播
     var index = 1;
            (function () {
                var mainI = $("#main #right .rigTop .picture img");
                var lis = $("#main #right .rigTop .picture ul li");
                //自动播放
                function autoplay() {
                    play = setInterval(function () {
                        mainI.attr("src", "images/news" + index + ".jpg");
                        liChange();
                        index++;
                        if (index > 4)
                            index = 1;
                    }, 3000);
                }
                //下面的li的颜色的改变
                function liChange(){
                    var liT = lis.eq(index - 1);
                    liT.addClass("active");
                    lis.not(liT).removeClass("active");
                }
                autoplay();
                //放到图片上停止播放
                mainI.mouseover(function () {
                    clearInterval(play);
                });
                //离开图片继续播放
                mainI.mouseout(function () {
                    autoplay();
                })
                //鼠标放到下面的li时的动作
                lis.mouseover(function () {
                    clearInterval(play);
                    var index = $(this).index() + 1;
                    mainI.attr("src", "images/news" + index + ".jpg")
                    $(this).addClass("active");
                    lis.not(this).removeClass("active");

                });
                
                lis.mouseout(function () {
                    autoplay();
                });
                
               
            })();
    //友情链接
    var select1 = $(".link .work .select select");
    var select2 = $(".link .academe .select select");
    select1.change(function(){
      var op = select1.find("option");
      op.get(0).selected = true ;
    });
    select2.change(function(){
      var op = select2.find("option");
      op.get(0).selected = true ;
    });
  })
</script>

<body>
  <div id="header">
    <div class="logo">
        <div class="title">本科教学工作审核评估网</div>
        <div class="menu">
        <a href="#">网站首页</a>
        <a href="#">组织结构</a>
        <a href="#">通知公告</a>
        <a href="#">评估动态</a>
        <a href="#">学院评建</a>
        <a href="#">评建文件</a>
        <a href="#">资料下载</a>
        <a href="#">他山之石</a>
        </div>
    </div>
  </div>
  <div id="main">
    <div id="left">
      <div class="notice">
        <div class="title">
          通知公告
          <span><a href="#">更多>></a></span>
        </div>
        <div class="list">
          <ul>
            <li><a href="#">湖北师范大学2016年本科教学工作审核评湖北师范大学2016年本科教学工作审核评</a><span class="time">(10-21)</span></li>
            <li><a href="#">关于印发《省教育厅关于公布省属本科高</a><span class="time">(12-07)</span></li>
            <li><a href="#">关于开展2015年度教学评估工作的通知</a><span class="time">(12-02)</span></li>
            <li><a href="#">关于提交各教学院部审核评估工作专班名</a><span class="time">(11-03)</span></li>
            <li><a href="#">关于提交各教学院部审核评估工作专班名</a><span class="time">(11-03)</span></li>
            <li><a href="#">关于开展2015年度教学评估工作的通知</a><span class="time">(12-02)</span></li>
            <li><a href="#">关于提交各教学院部审核评估工作专班名</a><span class="time">(11-03)</span></li>
          </ul>
        </div>
      </div>
      <div class="left_middle">
        <p><a href="#">年度质量报告</a></p>
        <p><a href="#">教学基本状态数据库</a></p>
        <p><a href="#">自评报告</a></p>
      </div>
      <div class="file">
        <div class="title">
          评建文件
          <span><a href="#">更多>></a></span>
        </div>
        <div class="list">
          <ul>
            <li><a href="#">湖北师范大学2013年本科教学质量报告</a><span class="time">(10-21)</span></li>
            <li><a href="#">湖北师范大学2014年本科教学质量报告</a><span class="time">(12-07)</span></li>
            <li><a href="#">湖北理工学院2015年本科教学质量报告</a><span class="time">(12-02)</span></li>
            <li><a href="#">湖北师范大学2016年本科教学工作审核评</a><span class="time">(11-03)</span></li>
            <li><a href="#">湖北师范大学本科教学审核评估工作方案</a><span class="time">(11-03)</span></li>
            <li><a href="#">湖北师范大学2014年本科教学质量报告</a><span class="time">(12-07)</span></li>

           
          </ul>
        </div>
      </div>
    </div>
    <div id="right">
      <div class="rigTop">
        <div class="title">最新通知</div>
        <div class="picture">
          <img src="images/news1.jpg" id="img1" />
          <ul>
            <!--this是js中的系统关键字，在这里代表当前发生事件的这个对象本身-->
            <li class="active">本科教学工作会</li>
            <li>学校检查教学单位本科教学审核评估工作</li>
            <li>以评促改，以评促建——学校开展课程考核专项评估</li>
            <li>学校检查教学单位本科教学审核评估工作</li>
        </ul>
        </div>
      </div>
      <div class="rigMiddle">
        <div class="dynamic">
          <div class="title">
            评估动态
            <span><a href="#">更多>></a></span>
          </div>
          <div class="list">
            <ul>
              <li><a href="#">评建办召开本科教学审核评估总结会</a><span class="time">(10-21)</span></li>
              <li><a href="#">湖北师范大学本科教学工作审核评估专家</a><span class="time">(12-07)</span></li>
              <li><a href="#">加强师资队伍建设 推进审核评估工作</a><span class="time">(11-03)</span></li>
            </ul>
          </div>
        </div>
        <div class="briefing">
          <div class="title">
            学院评建
            <span><a href="#">更多>></a></span>
          </div>
          <div class="list">
            <ul>
              <li><a href="#">2016评建工作简报第10期</a><span class="time">(10-21)</span></li>
              <li><a href="#">2016评建工作简报第9期</a><span class="time">(12-07)</span></li>
              <li><a href="#">2016评建工作简报第8期</a><span class="time">(12-02)</span></li>
              <li><a href="#">2016评建工作简报第7期</a><span class="time">(11-03)</span></li>
              <li><a href="#">2016评建工作简报第6期 推进审核评估工作</a><span class="time">(11-03)</span></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="rigBottom">
        <div class="download">
          <div class="title">
            资料下载
            <span><a href="#">更多>></a></span>
          </div>
          <div class="list">
            <ul>
              <li><a href="#">关于开展教学院（部）本科教学审核评估</a><span class="time">(10-21)</span></li>
              <li><a href="#">工程教育认证标准及相关办法</a><span class="time">(12-07)</span></li>
              <li><a href="#">审核评估最新材料</a><span class="time">(12-02)</span></li>
              <li><a href="#">2016评建工作简报第7期</a><span class="time">(11-03)</span></li>
              <li><a href="#">2016评建工作简报第6期</a><span class="time">(11-03)</span></li>
              <li><a href="#">2016评建工作简报第6期</a><span class="time">(11-03)</span></li>
              <li><a href="#">2016评建工作简报第6期</a><span class="time">(11-03)</span></li>
            </ul>
          </div>
        </div>
        <div class="link">
          <div class="work">
            <div class="title">工作链接</div>
            <div class="select">
              <img src="images/3.gif">
              <select onchange="window.location=this.value;">
                <option selected="selected">--校内机构--</option>
                <option value="http://www.jwc.hbnu.edu.cn/">教务处</option>
                <option value="http://www.hbnu.edu.cn/">工作办</option>
                <option value="http://www.hbnu.edu.cn/">党政办</option>
              </select>
            </div>
          </div>
          <div class="academe">
            <div class="title">院系链接</div>
            <div class="select">
              <img src="images/3.gif">
              <select onchange="window.location=this.value;">
                <option selected="selected">---院系---</option>
                <option value="http://www.cs.hbnu.edu.cn/" >计算机学院</option>
                <option value="http://www.hbnu.edu.cn/">数统学院</option>
                <option value="http://www.hbnu.edu.cn/">经管学院</option>
                <option value="http://www.jwc.hbnu.edu.cn/" >国际学院</option>
                <option value="http://www.hbnu.edu.cn/">文学院</option>
                <option value="http://www.hbnu.edu.cn/">教科学院</option>
                <option value="http://www.jwc.hbnu.edu.cn/">教技学院</option>
                <option value="http://www.hbnu.edu.cn/">体育学院</option>
                <option value="http://www.hbnu.edu.cn/">外国语学院</option>
                <option value="http://www.jwc.hbnu.edu.cn/" >政法学院</option>
                <option value="http://www.hbnu.edu.cn/">历史学院</option>
                <option value="http://www.hbnu.edu.cn/">城环学院</option>
                <option value="http://www.jwc.hbnu.edu.cn/">生科学院</option>
                <option value="http://www.hbnu.edu.cn/">音乐学院</option>
                <option value="http://www.hbnu.edu.cn/">美术学院</option>
              </select>
            </div>
          </div>
          <div class="friend">
            <div class="title">友情链接</div>
            <div class="pictureL">
              <a href="#" title="教育部"><img src="images/pictureL1.jpg"></a>
              <a href="#" title="湖北省教育厅"><img src="images/pictureL2.jpg"></a>
              <a href="#" title="教育部高等教育教学评估中心"><img src="images/pictureL3.jpg"></a>
              <a href="#" title="湖北师范大学"><img src="images/pictureL4.jpg"></a>
              <a href="#" title="武汉大学"><img src="images/pictureL5.jpg"></a>
              <a href="#" title="北京大学"><img src="images/pictureL6.png"></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="footer">
    <div class="cory">
      <p>Copyright 2017-2018 湖北师范大学(www.hbnu.edu.cn) 教育质量管理办公室所有 邮编：435002</p>
      <p>地址：湖北省黄石市桂林北路16号</p>
      <p style="color: #dadada;">技术支持：Jplus实验室</p>
    </div>
  </div>

</body>

</html>
